<template>
  <div class="editor-container">
    <!-- 其他编辑器内容 -->
    
    <!-- 图片上传区域 -->
    <div class="upload-section">
      <h3>图片资源</h3>
      <resource-upload 
        v-model="imageUrls" 
        accept="image/*" 
        @success="handleImageUploadSuccess">
      </resource-upload>
    </div>
    
    <!-- 其他编辑器内容 -->
  </div>
</template>

<script>
import ResourceUpload from '@/views/system/pageResource/upload'

export default {
  name: 'PageConfigEditor',
  components: {
    ResourceUpload
  },
  data() {
    return {
      imageUrls: [],
      // 其他数据
    }
  },
  methods: {
    // 图片上传成功处理
    handleImageUploadSuccess(data) {
      // 处理上传成功的图片
      console.log('上传成功:', data)
      // 可以将图片URL保存到页面配置中
      this.saveImageToConfig(data.url)
    },
    
    // 保存图片到配置
    saveImageToConfig(url) {
      // 实现保存逻辑
    }
    
    // 其他方法
  }
}
</script> 